<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div data-id="10011" data-price="1000" data-number="100">
        
    </div>
</body>
</html>
<script>
    // 标签上使用 data- 开头的属性 叫做自定义属性
    // 浏览器关于自定义属性 额外提供了一套操作方式
    let dom =document.querySelector('div');
    //获取自定义属性 
    console.log(dom.dataset.id);

    //设置自定义属性
    dom.dataset.number=1000
    console.log(dom.dataset.number);
</script>